<!doctype html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- MDUI CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@1.0.2/dist/css/mdui.min.css"/>
 <style>
.k1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@font-face {
  font-family: "iconfont"; /* Project id 2516453 */
  src: url("//at.alicdn.com/t/font_2516453_g6qjhhqblt9.woff2?t=1620545333370")
      format("woff2"),
    url("//at.alicdn.com/t/font_2516453_g6qjhhqblt9.woff?t=1620545333370")
      format("woff"),
    url("//at.alicdn.com/t/font_2516453_g6qjhhqblt9.ttf?t=1620545333370")
      format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.ad {
  width: 800px;
  height: 60xp;
  background-color: #fff;
  align-items: center;
  display: flex;
  border-radius: 8px;
  box-sizing: border-box;
  height: 56px;
  margin-bottom: 24px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  color: #353535;
  margin-bottom: 30px;
  cursor: pointer;
  box-shadow: 2px 1px 8px 1px rgb(228, 232, 235);
  margin: 40px auto;

  i {
    color: #ff6146;
    font-size: 20px;
    margin-right: 10px;
  }
// 核心代码
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
  }

  .content{
    flex: 1;
    overflow: hidden;
    
    span {
      display: block;
      width: auto;
      white-space: nowrap;
      animation: marquee 30s linear infinite;
      padding-left: 105%;
      padding-right: 120%;
      &:hover {
        animation-play-state: paused;
      }
    }
  }
}
    </style>
    <title>Ourshare</title>
  </head>
  <body class="mdui-drawer-body-left mdui-theme-primary-indigo mdui-text-color-white" >
<div class="mdui-toolbar mdui-color-theme mdui-text-color-white">
<span class="mdui-btn mdui-btn-icon mdui-indigo" mdui-drawer="{target: '#drawer', swipe: true}">
      <i class="mdui-icon material-icons">menu</i>
    </span>
  <span class="mdui-typo-title">Ourshare</span>
  <div class="mdui-toolbar-spacer"></div>
</div>

<div class="mdui-drawer mdui-color-white" id="drawer">
    <ul class="mdui-list">
      <li class="mdui-list-item mdui-ripple mdui-list-item-active">
        <i class="mdui-list-item-icon mdui-icon material-icons">&#xe88a;</i>
       <div class="mdui-list-item-content  "> <a href="../index.php">首页</a></div>
      </li>
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">&#xe2c6;</i>
        <div class="mdui-list-item-content"><a href="../load.php">文件上传</a></div>
      </li>
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">&#xe2c4;</i>
        <div class="mdui-list-item-content"><a href="../download.php">获取码下载</a></div>
      </li>

      <li class="mdui-subheader">其他</li>
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">&#xe7fb;</i>
        <div class="mdui-list-item-content"><a href="../my.php">个人中心</a></div>
      </li>
      <li class="mdui-list-item mdui-ripple">
        <i class="mdui-list-item-icon mdui-icon material-icons">&#xe0da;</i>
        <div class="mdui-list-item-content"><a href="../admin">管理员后台</a></div>
      </li>
    </ul>
  </div>
<div class='ad'>
  <i class="iconfont">&#xe633;</i>
  <p class='content'>
<?php
$json_string = file_get_contents('./admin/admin.json');
$dataxxx = json_decode($json_string, true);
if($dataxxx[1]='OK')
echo "<div class=mdui-typo><a target='_blank' href=".$dataxxx[3].">";
echo "<div class='mdui-typo-title-opacity'>".$dataxxx[2]."</div><a></div>";
?>

  </p>
</div>
  <div class="mdui-container k1"  style="margin:auto;text-align:center">
<div class=" mdui-text-color-theme mdui-typo-display-4">Ourshare</div>
<div class="mdui-text-color-black mdui-typo ">
<div class="mdui-typo-headline-opacity">欢迎来到Ourshare</div>
    </div>
  </div>

    <!-- MDUI JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/mdui@1.0.2/dist/js/mdui.min.js"></script>
  </body>
</html>